@media screen and (min-width: 1170px) {
    html {
        font-size: 125%;
    }
}

@media screen and (max-width: 1170px) {
    html {
        font-size: 87.5%;
    }
    
}

html,
body {
    height: 100%;
    /*font-size: 12px;*/
}
body{
        background: rgb(22, 26, 31);
}
.nav {
    background: rgb(75, 87, 105);
}

.nav-lists a {
    color: #fff;
}

.nav-lists li {
    width: 5.55rem;
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: center;
}

.nav-lists-active {
    background: rgb(51, 172, 245);
}

.nav-lists li:hover {
    background: rgb(51, 172, 245);
}

.nav-sub {
    height: 2.5rem;
    line-height: 2.5rem;
}

.nav-sub>div {
    float: left;
    height: 1.5rem;
    width: 3.55rem;
    color: #fff;
    line-height: 1.5rem;
    text-align: center;
    background: rgb(45, 56, 74);
    margin: 0.375rem 0.2rem;
    cursor: pointer;
}

.nav-sub-active {
    background: rgb(52, 179, 255) !important;
}

.main-box-show {
    display: block !important;
}

.main-box>div {
    /*display: none;*/
}

.ico_re {
    margin-top: 9px;
}

.nav-sub {
    /*background: rgb(71,82,99);*/
}


/* .pump_box .ico {
    margin-top: 1.575rem;
    margin-left: 2.0rem;
    margin-right: 1.0rem;
    width: 2.65rem;
    height: 2.65rem;
} */

.pump_box .ico {
    margin-left: 2.0rem;
    margin-right: 1.0rem;
}

.growth_higher {
    display: inline-block;
    margin-left: 0.15rem;
    width: 0.9rem;
    height: 0.8rem;
    background: url(../img/high_icon.png);
    background-size: 100%;
}

.water_percent {
    font-size: 1rem;
    color: #fff;
}
.press_two {
    line-height: 1em;
}
.pump_state>li:hover {
    border: 1px solid rgb(51, 172, 245);
}

.borderColor {
    border: 1px solid rgb(51, 172, 245) !important;
}

.pump_box {
    border: 0.1rem solid rgb(75, 80, 87)
}

.water_max {
    color: rgb(83, 179, 255);
    font-size: 0.6rem;
}

.pump_state>li {
    height: 5.8rem;
    border: 1px solid transparent;
}

.pump_state>li {
    margin-bottom: 3px;
    background-color: rgba(75, 82, 90, 0.5);
}


.pump_state>li:last-child {
    margin-bottom: 0px;
}
/* .pump_maintain {
    margin-top: 2.0rem !important;
} */

.pump_state {
    width: 30%;
}

.pump_state>li {
    width: 100%;
}

.pump_img {
    width: 40%;
    height: 23.5rem;
    background: url(../img/machine.png) center center no-repeat;
    background-size: 90%;
}

.water_percent {
    position: relative;
}


/* .pump_about {
    margin-top: 1.1rem;
} */

.pump_about>li {
    color: #fff;
    padding: 0.1rem 0;
}

.pump_about span {
    color: rgb(83, 179, 255);
}

.water_amount span:first-child,
.press_two {
    margin-right: 0.75rem;
}

.water_amount p:first-child {
    color: #fff;
    margin-bottom: 0.25rem;
}

.pump_state>li {
    display: table;
}
#water>div:last-child{
    margin-left: 2em;
}
#water{
    display: table-cell;
    vertical-align: middle;
}
.test {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}


/* .press_two {
    margin-top: 2.075rem;
} */

.press_two p:nth-child(2) {
    color: #fff;
}

.equip_list {
    width: 42%;
    border: 1.4px solid rgb(53, 64, 82);
    margin-right: 10px;
}

.supply_list {
    width: 31.5%;
    border: 1.4px solid rgb(53, 64, 82);
    margin-right: 10px;
}

.equip_list table,
.supply_list table {
    width: 100%;
}

.equip_list td,
.supply_list td {
    border: 1.3px solid rgba(71, 77, 86, 0.5);
    width: 33%;
    color: #fff;
    height: 35px;
    vertical-align: middle;
    padding-left: 12px;
}

.main03,
.main04,
.main06,
.main07,
.main02 {
    padding: 15px 22px;
    font-size: 12px;
}

.main-box {
    background: rgb(22, 26, 31);
}

.main04,
.main06,
.main07,
.main03,
.main02 {
    background: rgb(22, 26, 31);
}

.propty_box_wrapper {
    box-sizing: border-box;
    width: calc(26.5% - 24px);
    height: 526px;
    border: 1.4px solid rgb(53, 64, 82);
    padding: 0px 15px;
    color: #fff;
}

#propty_value {
    line-height: 30px;
}

.propty_content li {
    line-height: 26px;
}

.chart_period_box {
    height: 440px;
    width: 100%;
    margin-top: 10px;
    border: 2px solid rgb(59, 61, 64);
}

.chart_period_describe {
    line-height: 44px;
    color: #fff;
}

.chart_period_describe>span {
    margin-right: 65px;
}

.chart_period_describe>span:first-child {
    margin-left: 10px;
}

#period_time {
    color: #3beb36;
}

.alarm_box {
    height: 30px;
}

.alarm_box>div {
    margin-bottom: 10px;
}

.time_months>li {
    width: 68px;
    text-align: center;
    line-height: 30px;
    margin-left: 10px;
    float: left;
    background: rgb(45, 56, 74);
    cursor: pointer;
}

.time_months {
    color: #fff;
}

.date-check {
    background-color: rgb(45, 56, 74);
}

input.date-check {
    color: #fff;
    font-size: 12px;
    padding-left: 28px;
    background: url(../img/ico_date.png) 5.5px 7.5px no-repeat;
    background-color: rgb(45, 56, 74);
}

.time_two_pick {
    text-align: center;
}

.date_line {
    display: inline-block;
    width: 18px;
    height: 2px;
    background: #fff;
    margin-top: 14px;
}

.query_btn{
    width: 88px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: rgb(52, 179, 255);
    color: #fff;
    margin-left: 15px;
    word-spacing: 1em;
}

.pick_time{
    width: 88px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    margin-left: 15px;
    word-spacing: 1em;   
    background:rgb(45, 56, 74);
}
.alarm_amount_box {
    height: 296px;
    width: 100%;
    border: 1.3px solid rgb(53, 64, 82);
}

.alarm_box {
    margin-bottom: 15px;
}

.alarm_amount_title {
    line-height: 28px;
    font-size: 12px;
    text-indent: 10px;
    text-align: left;
}

.main06 {
    color: #fff;
}

.alarm_table {
    width: 100%;
    height: 110px;
    padding-top: 20px;
    border-bottom: 1.3px dashed rgb(0, 255, 0);
}

.alarm_table_whole {
    width: 22%;
}

.alarm_table_type {
    width: 25%;
}

.alarm_table_equip {
    width: 25%;
}

.alarm_table_orders {
    width: 84px;
}

.alarm_table_wrapper {
    line-height: 24px;
    padding: 0 11px;
    margin-top: 8px;
    border: 1.3px solid rgb(53, 64, 82);
}

.alarm_table>div {}

.conduct,
.send_order {
    width: 84px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

.managed_active {
    background: rgb(0, 201, 33);
}

.managed_not_active {
    background: rgb(67, 67, 67);
}

.send_order_not_active {
    background-color: rgb(167, 213, 110);
}

.alarm_table_orders>p {
    margin-bottom: 2px;
    width: 84px;
}

.serial_num {
    text-align: right;
}

.param_num {
    width: 4%;
}

.param_equip_name {
    width: 17%;
}

.param_state {
    width: 57%;
}

.param_date {
    width: 15%;
}

.param_edit {
    width: 6%;
}

.param_set {
    text-align: center;
    width: 100%;
}

.param_set td,
.param_set th {
    border: 1px solid rgb(59, 61, 64);
    line-height: 40px;
}

.table_wrapper_param {
    color: #fff;
}

.pump_on {
    display: inline-block;
    width: 58px;
    line-height: 25px;
    height: 25px;
    border-radius: 3px;
    box-shadow: inset 1px 1.732px 2px 0px rgba(255, 255, 255, 0.157);
    margin-right: 12px;
    cursor: pointer;
}

.pump_off {
    display: inline-block;
    width: 58px;
    line-height: 25px;
    height: 25px;
    border-radius: 3px;
    box-shadow: inset 1px 1.732px 2px 0px rgba(255, 255, 255, 0.157);
    cursor: pointer;
}
.pump_btn_stop{
    background-image: -moz-linear-gradient( 90deg, rgb(164, 164, 164) 0%, rgb(240, 240, 240) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(164, 164, 164) 0%, rgb(240, 240, 240) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(164, 164, 164) 0%, rgb(240, 240, 240) 100%);
    }
.pump_btn_active{
    background-image: -moz-linear-gradient( 90deg, rgb(4, 187, 17) 0%, rgb(82, 255, 94) 99%);
    background-image: -webkit-linear-gradient( 90deg, rgb(4, 187, 17) 0%, rgb(82, 255, 94) 99%);
    background-image: -ms-linear-gradient( 90deg, rgb(4, 187, 17) 0%, rgb(82, 255, 94) 99%);
    }
.time_months,
.query_alarm {
    word-spacing: 8px;
}
.time_month{

    width: 68px;
    text-align: center;
    line-height: 30px;
    margin-left: 10px;
    float: left;
    background: rgb(45, 56, 74);
    cursor: pointer;
}
#chart_alarm_pie {
    width: 40%;
    height: 268px;
}

#chart_alarm_line {
    width: 60%;
    height: 268px;
}

#chart_period {
    width: 100%;
    height: 380px;
}


/*rgba(52, 179, 255,0.2)*/

.main-box-content {
    padding-left: 20px;
    padding-right: 20px;
}

.chart_press_box {
    height: 430px;
    width: 100%;
    border: 0.1rem solid rgb(75, 80, 87);
    margin-top: 10px;
}

.chart_press_info {
    line-height: 48px;
    height: 48px;
    color: #fff;
    text-indent: 6px;
}

#chart_press_line {
    height: 380px;
    max-width: 100%;
    padding: 0 35px;
}

.table_repair{
    color: white;
    position:relative;
    left: 1%;
    height: 900px;
    width: 98%;
}
.table_repair th,.table_repair td{
 border: 1px solid rgb(59, 61, 64);
 line-height: 40px;
 text-align: center;
}
.table_repair table{
  width: 100%;
  text-align: center;
}
.water_percent sub{
    font-size: 13px;
    margin-left: 10px;
}
.ico_small{
    width: 105px;
    text-align: center;
    position: absolute;
    bottom: 0;
}
.ico_small>div{
    display: inline-block;
    box-sizing: border-box;
    width: 26px;
    height: 41px;
    padding-top: 26px;
    font-size: 8px;
    line-height: 15px;
    color: #2e3744;
}
#ico_art{
    background: url(../img/pump_pick01.png) 0 0 no-repeat;
}
#ico_3d{
    background: url(../img/3d.png) 0 0 no-repeat;   
}
#ico_wather{
    background: url(../img/video.png) 0 0 no-repeat;   
}
.query_day,
.query_month{
    width: 50px;
}
.nav_bar_data{
    padding-bottom: 15px;
}
#count_day {
    color: #3beb36;
}
.query_btn{
    cursor: pointer;
}
.data_analyze_lengend{
    display: table;
    height: 36px;
    text-align: right;
    width: 100%;
}
.data_analyze_lengend_wrapper{
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
}
.analyze_lengend{
    display: inline-block;
    margin-right: 0.5em;
    color: #fff;
}
.analyze_lengend span{
    display: inline-block;
    font-size: 1em;
    line-height: 1em;
}
.analyze_square{
    width: 12px;
    height: 12px;
    margin-right: 0.3em;
    position: relative;
    top: 0.2em;
}
#ico_lengend{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../img/ico_lengend.png) no-repeat;
    position: relative;
    top: 0.25em;
}